<!DOCTYPE html>
<html lang="en" xmlns:th="http://www.thymeleaf.org">
<head>
    <meta charset="UTF-8">
    <title>MyPetStore</title>
    <meta name="viewport" content="width=device-width, initial-scale=1, user-scalable=no" />
    <link rel="stylesheet" href="../css/main.css" />
    <noscript><link rel="stylesheet" href="../css/noscript.css" /></noscript>
</head>
<body>
<div th:replace="common/top">

</div>

<script src="https://www.jq22.com/jquery/jquery-1.10.2.js"></script>

<canvas id="canvas" width="1920" height="950"></canvas>
<style>canvas {
    display: block;
    /*position: relative;*/
    z-index: 1;
    pointer-events: none;
    position: fixed;
    top: 0;
}</style>
<script src="../js/confetti.js"></script>

<!--<div id="BackLink">-->
<!--    <a href="main">Return to Main Menu</a>-->
<!--    <script type="text/javascript">-->
<!--        $(document).ready(function(){-->
<!--            $("#Catalog").hide().fadeIn();-->
<!--        });-->
<!--    </script>-->
<!--</div>-->

<div id="Catalog">
    ${result};
</div>

</body>
</html>